.import() {
  /* 导入全部涉及到变量的样式文件 */
  @import (multiple) './cpns/clip-float-btn.less';
  @import (multiple) './cpns/clip-full-data.less';
  @import (multiple) './cpns/clip-item-list.less';
  @import (multiple) './cpns/clip-operate.less';
  @import (multiple) './cpns/clip-search.less';
  @import (multiple) './cpns/clip-switch.less';
  @import (multiple) './cpns/clip-word-break.less';
  @import (multiple) './cpns/file-list.less';
  @import (multiple) './cpns/setting.less';
}

@media (prefers-color-scheme: dark) {
  #app {
    @primary-color: #448bd2;
    @primary-color-lighter: #4997e1;
    @text-color: #e8e6e3;
    @text-color-lighter: rgb(181, 181, 181);
    @text-bg-color: #656565;
    @text-bg-color-lighter: #4e4e4e;
    @nav-bg-color: #222426;
    @nav-hover-bg-color: #2b2e30;
    @bg-color: #181a1b;
    .import();
  }
}

@media (prefers-color-scheme: light) {
  #app {
    @primary-color: #3271ae;
    @primary-color-lighter: #4997e1;
    @text-color: #333;
    @text-color-lighter: rgb(138, 138, 138);
    @text-bg-color: #f2f2f2;
    @text-bg-color-lighter: #eeeaf3;
    @nav-bg-color: #eeeeee;
    @nav-hover-bg-color: #dedede;
    @bg-color: #fff;
    .import();
  }
}
